<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS练习</title>
    <link rel="stylesheet" href="../css/flex.css"/>
    <link rel="stylesheet" href="../css/sfq.css"/>
    <script src="../js/jquery-3.4.1.min.js"></script>
</head>
<body>

<ul class="mecu">

    <li>

        <h1>标题一</h1>

        <ul class="ul">

            <li>子标题1</li>
            <li>子标题1</li>
            <li>子标题1</li>
            <li>子标题1</li>
            <li>子标题1</li>

        </ul>

    </li>

    <li>

        <h1>标题二</h1>

        <ul class="ul">

            <li>子标题2</li>
            <li>子标题2</li>
            <li>子标题2</li>
            <li>子标题2</li>
            <li>子标题2</li>

        </ul>

    </li>

    <li>

        <h1>标题三</h1>

        <ul class="ul">

            <li>子标题3</li>
            <li>子标题3</li>
            <li>子标题3</li>
            <li>子标题3</li>
            <li>子标题3</li>

        </ul>

    </li>

</ul>






<ul class="xuan">

    <li class="on">选项1</li>
    <li>选项2</li>
    <li>选项3</li>
    <li>选项4</li>


</ul>





<button class="btn" type="button">开始</button>

<div class="link">百度</div>



<script src="../js/sfq.js"></script>
</body>
</html>